<template>
  <header class="bg-black border-b border-gray-600 shadow-md">
    <div class="max-w-7xl mx-auto px-8 sm:px-12 lg:px-16 flex items-center justify-between">
      <div class="h-16 flex items-center justify-between">
        <h1 class="text-2xl font-display font-bold text-white -ml-4">
          ATELIER STUDIO
        </h1>
      </div>

<!--      <div class="flex items-center space-x-8">-->
<!--        <button  class="flex items-center space-x-2 px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition-colors font-bold" >-->
<!--          <span>Products</span>-->
<!--        </button>-->

<!--        <button  class="flex items-center space-x-2 px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition-colors font-bold" >-->
<!--          <span>Support</span>-->
<!--        </button>-->

<!--        <Link to="/cart" class="relative flex items-center space-x-2 px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition-colors" />-->
<!--      </div>-->
    </div>
  </header>
</template>

<script>
export default {
  name: 'HomeView',
}
</script>



<style scoped>

</style>